﻿#layout {
    padding: 0.5em;
}

    #layout h1 {
        font-size: 1.2em;
        font-weight: bold;
        padding: 0 0.5em;
        line-height: 2em;
        height: 2em;
        border-bottom: 1px solid #ccc;
    }

    #layout ul.form_list {
        padding: 1em 0.5em;
    }

        #layout ul.form_list li.form_item {
            display: inline-block;
            padding: 0.5em 0 0.5em 7em;
            position: relative;
            box-sizing: border-box;
            width: 49%;
            height: 3.5em;
            float: left;
        }

            #layout ul.form_list li.form_item h2.form_item_title {
                position: absolute;
                left: 0;
                top: 0;
                font-size: 1em;
                width: 7em;
                text-align: right;
                padding: 0 1em 0 0;
                line-height: 3.5em;
            }

            #layout ul.form_list li.form_item div.input_c {
                box-sizing: border-box;
                width: 92%;
                display: inline-block;
                position: relative;
            }

                #layout ul.form_list li.form_item div.input_c input {
                    height: 2em;
                }

            #layout ul.form_list li.form_item div.input_c_numeric input {
                text-align: right;
            }

                #layout ul.form_list li.form_item div.input_c_numeric input.error_input {
                    color: #c00;
                    border: 1px solid #c00;
                }

            #layout ul.form_list li.form_item div.input_c div.err_msg_c {
                position: absolute;
                height: 3em;
                right: -9em;
                top: 0;
                padding: 0 0 0 1em;
                z-index: 1;
            }

                #layout ul.form_list li.form_item div.input_c div.err_msg_c div.err_msg_icon {
                    width: 0;
                    height: 0;
                    border-right: solid 0.5em rgba(216,0,0,0.6);
                    border-top: solid 0.5em transparent;
                    border-bottom: solid 0.5em transparent;
                    position: absolute;
                    left: 0.5em;
                    top: 0.8em;
                }

                #layout ul.form_list li.form_item div.input_c div.err_msg_c div.err_msg {
                    background-color: rgba(216,0,0,0.7);
                    height: 2.5em;
                    line-height: 2.5em;
                    padding: 0 0.5em;
                    color: #fff;
                    border-radius: 0.5em;
                }

            #layout ul.form_list li.form_item div.input_c_short {
                width: 33%;
            }

            #layout ul.form_list li.form_item div.input_c_selected {
                width: 50%;
            }

            #layout ul.form_list li.form_item div.input_c_normal {
                width: 60%;
            }

            #layout ul.form_list li.form_item label {
                display: inline-block;
                height: 3em;
                vertical-align: middle;
            }

        #layout ul.form_list li.form_item_a {
            padding: 0.5em 2em 0.5em 7em;
        }

            #layout ul.form_list li.form_item_a div.after {
                display: inline-block;
                color: #c00;
            }

            #layout ul.form_list li.form_item_a div.aftern {
                display: inline-block;
                padding: 0 0.3em;
            }

                #layout ul.form_list li.form_item_a div.aftern button.butn_details {
                    color: #fff;
                    background-color: #1ABC9C;
                    border-color: #1ABC9C;
                    height: 1.8em;
                    width: 1.8em;
                    border-radius: 0.3em;
                }


    #layout footer {
        position: relative;
        padding: 0.5em 0 2em 0;
        border-top: 1px solid #ccc;
        height: 4em;
    }

        #layout footer > .btn-group {
            position: absolute;
            right: 1em;
            top: 1em;
        }
